<template>
  <div class="wrapper" :class="type">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item><img :src="require('../../../assets/img/' + type + '/banner1.png')"></van-swipe-item>
      <van-swipe-item><img :src="require('../../../assets/img/' + type + '/banner2.png')"></van-swipe-item>
      <van-swipe-item><img :src="require('../../../assets/img/' + type + '/banner3.png')"></van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: 'CompanyBanner',
  props: {
    type: String
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.one
  box-shadow 0px 2px 0px 0px rgba(201, 75, 7, 0.57)
.two
  box-shadow 0px 2px 0px 0px rgba(195, 8, 14, 0.4)
.there
  box-shadow 0px 2px 0px 0px rgba(24, 91, 228, 0.4)
.wrapper
  width 100%
  height 6.26rem /* 313/50 */
  border-radius 5px
  .my-swipe .van-swipe-item
    img
      width 100%
      height 100%
</style>
